﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.10.2.min.js"></script>
   
    <script src="Scripts/bootstrap.min.js"></script>
    <style type="text/css">
        .middle{
            width:400px;
            background-color:red;
            height:400px;
            margin-top:40px;
        }
        .head{
            height:20px !important;
        }
    </style>
</head>
<body>
  
    <!--导航-->
    <div class="navbar navbar-fixed-top navbar-inverse head" role="navigation">
        <div class="container">
            <div class="navbar-header nav-title ">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand " href="index.html">商标logo或者名称</a>

            </div>
            <div class="collapse navbar-collapse navbar-right is-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index.html"><span class="glyphicon glyphicon-home">首页</span></a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-list">资讯</span></a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-link">信息</span></a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-headphones">关于我们</span></a></li>
                </ul>
            </div><!-- /.nav-collapse -->
        </div><!-- /.container -->
    </div>
   <div class="middle">
       qwewrsgb
   </div>
    <div class="middle">
        qwewrsgb
    </div>

</body>
</html>
